<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>订单进度</title>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <style>
    	body{
    		position: relative;
    	}
    	#content>header{
    		background-color: #23CAD0;
    		height: 80px;
    	}
    	
    	#content>header a span{
    		line-height: 60px;
    		font-size: 50px;
    	}
    	#content>header h1{
    		font-weight: bold;
    		color: white;
    		font-size: 30px;
    		line-height: 80px;
    	}
    	
    	#content>#heard>header{
    		position: absolute;
    		top: 80px;
    	}
    	#content>#heard>header>h1{
    		font-size: 20px;
    	}
    	#content>#heard>header>a{
    		font-size: 20px;
    		border-radius: 50%;
    		border: 1px solid gray;
    		
    	}
    	
    </style>
</head>
<body>
	<div id="content">
		<header class="mui-bar mui-bar-nav">
			<a><span class="mui-icon mui-icon-back" style="color: white;"></span></a>
			<h1 class="mui-title">袋鼠捎货</h1>
		</header>
		<div id="heard">
			<header class="mui-bar mui-bar-nav">
	            <a><span class="mui-icon mui-icon-back" style="color: gray;"></span></a>
			    <h1 class="mui-title">订单进度</h1>
			</header>
		</div>
	</div>
	<script src="js/mui.min.js"></script>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</body>
</html>